.mar {
	margin: 0 auto;
}

.mar-center {
	margin: 0 auto;
}

.marpadd {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.df {
	display: flex;
}

.d-center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.d-a-center {
	display: flex;
	align-items: center;
}

.d-a-end {
	display: flex;
	align-items: flex-end;
}

.d-j-center {
	display: flex;
	justify-content: center;
}

.box {
	box-sizing: border-box;
}

.d-j-bet {
	display: flex;
	justify-content: space-between;
}

.d-j-end {
	display: flex;
	justify-content: flex-end;
}

.d-j-around {
	display: flex;
	justify-content: space-around;
}

.d-j-start {
	display: flex;
	justify-content: flex-start;
}

/* 竖直方向 */
.change-flex {
	flex-direction: column;
}

.ninef {
	width: 95%;
}

.padding2 {
	padding: 3%;
}

/* 搜索borderradius */
.border-r {
	border-radius: 30rpx;
}

.index-box {
	width: 48.5%;
	height: 440rpx;
	background: #ECF2FF;
	border-radius: 30rpx 30rpx 30rpx 30rpx;

}

.index-img {
	border-radius: 30rpx 30rpx 30rpx 30rpx;
}

.index-name {
	font-size: 28rpx;
	font-weight: 400;
	color: #343965;
}

.cart-box {
	width: 400rpx;
	height: 400rpx;
	background: #FFFFFF;
}

.none {
	font-size: 28rpx;
	font-weight: 400;
	color: #343965;
}

.index-price {
	width: 100%;
	font-size: 24rpx;
	font-weight: 500;
	color: #EC3B3B;
}

.index-num {
	width: 100%;
	font-size: 20rpx;
	font-weight: 400;
	color: #0B6FFA;
}

.wid-ten {
	width: 100%;
}

.wid-twof {
	width: 25%;
}

.wid-f {
	width: 45%;
}

.wh-five {
	width: 50%;
	height: 50%;
}

.wid-five {
	width: 50%;
}

.hei-five {
	height: 50%;
}

.hei-ten {
	height: 100%;
}

.nowrap {
	display: flex;
	flex-wrap: nowrap;
}

.wrap {
	display: flex;
	flex-wrap: wrap;
}

.mar-one {
	margin-top: 2%;
}

.mar-tb {
	margin: 1% 0 1% 0;
}

.padding-tb {
	padding: 1% 0 1% 0;
}

.red-font {
	color: red;
}

.grey-font {
	color: darkgray;
}

.white-font {
	color: white;
}

.blue-font {
	color: #169bd5;
}

.grey-border {
	border: 1rpx solid grey;
}

.text-center {
	text-align: center;
}

.medium-size {
	font-size: 32rpx;
}

.big-size {
	font-size: 36rpx;
}

.omit {
	width: 100%;
	white-space: normal;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.omittwo {
	width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: pre-wrap;
}

.ori-omit {
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.back {
	background: #FAFBFF;
}

.back1 {
	background: #FFFFFF;
	padding: 2% 4% 2% 4%;
}

.white-bac {
	background: #FFFFFF;
}

.back2 {
	background: #F7F7F7;
}

.border-line {
	border-bottom: 1rpx solid #F3F3F5;
}

.bu-line {
	padding-bottom: 20rpx;
}

.lett {
	letter-spacing: 0.1em;
	line-height: 150%;
}

.back3 {
	background: #FFFFFF;
}

.yuan {
	border-radius: 50%;
}

/* 字号等 */
.text-a {
	font-size: 28rpx;
	font-weight: 400;
}

.text-b {
	font-size: 32rpx;
	font-weight: 500;
}

.text-c {
	font-size: 32rpx;
	font-weight: 600;
}

.text-d {
	font-size: 24rpx;
	font-weight: 400;
}

.text-e {
	font-size: 32rpx;
	font-weight: 400;
}

.text-f {
	font-size: 32rpx;
	font-weight: 600;
}

.text-g {
	font-size: 28rpx;
	font-weight: 500;
}

.text-h {
	font-size: 28rpx;
	font-weight: 600;
}

.text-i {
	font-size: 36rpx;
	font-weight: 500;
}

.co-a {
	color: #343965;
}

.co-b {
	color: #1A1A1B;
}

.co-c {
	color: #000000;
}

.co-d {
	color: #5D5E64;
}

.co-e {
	color: #0B6FFA;
}

.co-f {
	color: #333333;
}

.co-g {
	color: #999999;
}

.co-l {
	color: #3C8EFF;
}

.co-red {
	color: #EC3B3B;
}

.co-white {
	color: #FFFFFF;
}

.co-h {
	color: #666666;
}

.co-i {
	color: #96A5B4;
}

.co-k {
	color: #6C6C6C;
}

.br-a {
	border-radius: 20rpx;
}

.br-b {
	border-radius: 16rpx;
}

.br-c {
	border-radius: 18rpx;
}

.br-d {
	border-radius: 40rpx;
}

.br-e {
	border-radius: 8rpx;
}

.qu-a {
	width: 36rpx;
	height: 36rpx;
}

.qu-b {
	width: 48rpx;
	height: 48rpx;
}

.qu-c {
	width: 58rpx;
	height: 58rpx;
}

.qu-d {
	width: 120rpx;
	height: 120rpx;
}

.qu-f {
	width: 96rpx;
	height: 96rpx;
}

.action-btn {
	width: 160rpx;
	height: 60rpx;
}

.qu-order-img {
	width: 160rpx;
	height: 160rpx;
}

.qu-e {
	width: 28rpx;
	height: 28rpx;
}

.qu-m {
	width: 56rpx;
	height: 56rpx;
}

.qu-g {
	width: 88rpx;
	height: 88rpx;
}

.qu-i {
	width: 94rpx;
	height: 94rpx;
}

.bac-a {
	background: #0B6FFA;
}

.vh {
	height: 100vh;
}

.mar-t {
	margin-top: 4%;
}

.mar-reply {
	margin-top: 10rpx;
	margin-bottom: 10rpx;
}

.reply-box {
	padding: 2%;
	max-width: 70%;
	line-height: 1.5;
	margin-left: 3%;
	margin-right: 3%;
}

.blue-bac {
	background: #3C8EFF;
}

.change-order {
	background: rgba(0, 0, 0, 0.1);
	border-radius: 6rpx;
	/* opacity: 0.4; */
	padding: 2%;
	width: 67%;
	text-align: center;
}

/* 支付宝高度样式 */
.indexh-a {
	height: 260rpx;
}

.indexh-b {
	height: 126rpx;
}

.hei-auto {
	height: auto;
}

.indexh-c {
	height: 268rpx;
}

.indexh-d {
	height: 30rpx;
}

.serviceh-a {
	height: 60rpx;
}